<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: xwj32
  Date: 2023-05-20
  Time: 17:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>病人预约取药记录</title>
  <!-- 引入 Bootstrap 样式 -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css">
  <!-- 引入 Font Awesome 图标 -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js"></script>
  <jsp:include page="include/mangerheadtag.jsp"/>
</head>
<body>
<jsp:include page="include/head.jsp"/>
<jsp:include page="include/menu.jsp"/>
 <div class="container my-5" style="margin-top: 100px;margin-left: 300px">

   <c:forEach items="${requestScope.recordResult}" var="result">
  <div class="row" style="margin-top: 50px">
    <div class="col-12 col-md-6 mb-4">
      <div class="card h-100">
        <div class="card-body">
          <h5 class="card-title text-primary">预约信息</h5>
          <table class="table table-bordered table-sm">
            <tbody>
            <tr>
              <th><i class="fas fa-user mr-2"></i> 病人姓名</th>
              <td>${applicationScope.get("reservation").name}</td>
            </tr>
            <tr>
              <th><i class="fas fa-phone-alt mr-2"></i> 电话号码</th>
              <td>${applicationScope.get("reservation").phonenumber}</td>
            </tr>
            <tr>
              <th><i class="fas fa-id-card mr-2"></i> 身份证号</th>
              <td>${applicationScope.get("reservation").idNumber}</td>
            </tr>
            <tr>
              <th><i class="fas fa-venus-mars mr-2"></i> 性别</th>
              <td>${applicationScope.get("reservation").sex}</td>
            </tr>
            <tr>
              <th><i class="fas fa-birthday-cake mr-2"></i> 年龄</th>
              <td>${applicationScope.get("reservation").age}岁</td>
            </tr>
            <tr>
              <th><i class="fas fa-syringe mr-2"></i> 药品名称</th>
              <td>${result.medicine.name}</td>
            </tr>
            <tr>
              <th><i class="fas fa-tag mr-2"></i> 药品价格</th>
              <td>${result.medicine.price}元</td>
            </tr>
            <tr>
              <th><i class="fas fa-clock mr-2"></i> 预约时间</th>
              <td>${result.ordertime}</td>
            </tr>
            <tr>
              <th><i class="fas fa-sort-numeric-up mr-2"></i> 排队序号</th>
              <td>${result.serialnumber}</td>
            </tr>
            <tr>
              <th><i class="fas fa-hourglass-start mr-2"></i> 预计等待时间</th>
              <td>${result.serialnumber * 2}分钟</td>
            </tr>
            <tr>
              <th><i class="fas fa-check-circle mr-2"></i> 预约状态</th>
              <td>已确认</td>
            </tr>
            </tbody>
          </table>
          <button class="btn btn-danger" type="button">取消预约</button>
        </div>
      </div>
    </div>
    <div class="col-12 col-md-6 mb-4">
      <div class="card h-100">
        <div class="card-body">
          <h5 class="card-title text-primary">药房信息</h5>
          <ul class="list-unstyled">
            <li class="media">
              <i class="fas fa-map-marker-alt mr-2"></i>
              <div class="media-body">
                <h6 class="mt-0 mb-1">健康药房</h6>
                <p class="text-muted">地址：北京市东城区王府井大街100号</p>
                <p>健康药房是附属于XX医院的专业药房，提供各种处方药、非处方药、保健品和医疗器械等。我们致力于为患者提供高质量的药品和服务，
                  以帮助他们恢复健康和保持健康。
                  我们的所有药品都是按照国家标准进行质检和管理的，确保药品的安全和有效性。我们的专业药师团队会为每位患者提供个性化的咨询服务，
                  帮助他们正确地选用和使用药品。此外，我们还提供免费药品送货上门的服务，方便患者获取药品和器械。请注意，任何药品的购买和使用都
                  需要在医生的指导下进行。如有任何疑问，请随时咨询我们的专业药师团队。我们会为您提供最专业的建议和帮助</p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
   </c:forEach>

</div>
<!-- 引入 Bootstrap JavaScript 库 -->

</body>
</html>
